<template>
  <div id="app">
    <headertop></headertop>
    <router-view/>
    <alert></alert>
    <inform></inform>
    <footpage></footpage>
  </div>
</template>

<script>
import alert from './components/alert';
import inform from './components/inform';
import headertop from './components/headertop';
import footpage from './components/footerpage.vue';
export default {
  name: 'App',
  components: {
    alert,
    inform,
    headertop,
    footpage
  }
};
</script>

<style lang="scss">
@import url("//at.alicdn.com/t/font_797279_nc8739b139p.css");
@import "./assets/scss/reset.scss";
@import "./assets/scss/common_style.scss";
body {
  min-width: 1200px;
}
#app {
  width: 100%;
  min-height: 100vh;
  position: relative;
  .children_view {
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
  }
  .el-button--success {
    color: #fff;
    background-color: #10a57d;
    border-color: #10a57d;
  }

  .el-button--success:focus,
  .el-button--success:hover {
    border-color: #67c6ad;
    background-color: #67c6ad;
    color: #fff;
  }

  .el-button--success.is-active,
  .el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
  }

  .el-button--success:active {
    outline: 0;
  }

  .el-button--success.is-disabled,
  .el-button--success.is-disabled:active,
  .el-button--success.is-disabled:focus,
  .el-button--success.is-disabled:hover {
    color: #fff;
    background-color: #3fdcb2;
    border-color: #3fdcb2;
  }

  .el-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
  }

  .el-button--success.is-plain:focus,
  .el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
  }

  .el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0;
  }

  .el-button--success.is-plain.is-disabled,
  .el-button--success.is-plain.is-disabled:active,
  .el-button--success.is-plain.is-disabled:focus,
  .el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
  }
}
</style>
